*{
    margin:0 auto;
    padding:0;
}
ul,li{
    list-style:none;
}
a{
    text-decoration:none;
}
.fl{
    float:left;
}
.fr{
    float:right;
}
.cc{
    color:#ccc;
}
.red{
    color:red;
}
.lv{
    color:#008000;
}
$font-size:12px;
.head{
    width:100%;
    height:33px;
    background:#f2f2f2;
    border:1px solid #ccc;
    font-size:$font-size;
    .header{
        width:960px;
        height:33px;
//      background:red;
        line-height:33px;
        p{
            width:220px;
            height:20px;
             a{
               color:green;
           }   
        }
        ul{
           display:flex;
           width:460px;
           float:right;
           color:red;
           a{
               color:black;
               text-decoration:none;
           }
        }
    }
}
#logo{
    width:960px;
    height:100px;
    border-bottom:3px solid #5CB85C;
    .tu{
        width:211px;
        height:68px;
        float:left;
        margin-top:10px;
        img{
            width:100%;
        }
    }
    #logo-a{
        width:733px;
        height:83px;
//      background:red;
        float:right;
        #logo1{
            width:556px;
            height:20px;
            margin-top:5px;
            font-size:$font-size;
            ul{
                display:flex;
                float:left;
                margin-left:-30px;
                li{
                   width:68px;
                   height:20px;
                   text-align:center;
                    a{
                        width:68px;
                        height:20px;
                        color:black;
                    }
                 &:hover{
                    background:#5CB85C;
                }   
                }
                
            }
        }
        #logo2{
            width:580px;
            height:38px;
            margin-top:5px;         
            input[type="text"]{
                width:488px;
                height:39px;
                outline:none;
                border:1px solid #5CB85C;
                float:left;
                outline: none;
            }
            input[type="button"]{
                width:78px;
                height:39px;
                background:#5CB85C;
                float:left;
                outline:none;
                border:none;
            }
        }
    }
}
#center{
    width:960px;
    height:154px;
    background:linear-gradient(180deg,#f2f2f2,white);
    border:1px solid #f2f2f2;
    margin:10px auto;
    display: flex;
    align-content:center;
    #center-a{
        width:110px;
        height:110px;
        margin-top:20px;
        img{
            width:110px;
            border:5px solid white;
        }
    }
    #center-b{
        margin-top:10px;
        width:500px;
        height:110px;
        margin-left:5px;
        font-size:$font-size;
    }
    #center-c{
        width:250px;
        height:110px;
        font-size:$font-size;
        text-align:right;
        margin-top:25px;
    }
}
#gong{
    width:960px;
    height:36px;
    border:1px solid #f2f2f2;
    font-size:$font-size;
    display:flex;
    line-height:36px;
}
#main{
    width:960px;
    height:3005px;
//  background:red;
    margin-top:10px;
    #main-a{
        width:760px;
        height:3005px;
        background:pink;
        float:left;
        .maina1{
            width:760px;
            height:43px;
//          background:red;
            .maina1-a{
                width:460px;
                height:40px;
                float:left;
                ul{
                    display:flex;
                    justify-content: space-around;
                   
                    li{
                        width:76px;
                        height:40px;
                        font-size:14px;
                        font-weight:900;
                        line-height:40px;
                        a{
                            color:black;
                        }
                    }
                }
            }
            .maina1-b{
                width:211px;
                height:22px;
                float:left;
                margin-top:10px;
                border:1px solid #f2f2f2;
                border-radius:5px;
                input[type="text"]{
                    width:162px;
                    height:22px;
                    outline:none;
                    font-size:$font-size;
                    color:#ccc;
                }
                input[type="button"]{
                    width:47px;
                    height:20px;
                    background:#f2f2f2;
                    outline:none;
                    border:none;
                }
            }
        }
    }
    #main-b{
        width:180px;
        height:395px;
        background:skyblue;
        float:right;
        
    }
}
.maina2{
    width:760px;
    height:40px;
    background:#D0E9C6;
    border:1px solid #f2f2f2;
    margin:5px auto;
    ul{
        width:650px;
        height:35px;
        display:flex;
        line-height:35px;
        float:left;
    }
}
#maina3{
    width:760px;
    height:950px;
    background:red;
    ul{
//   display: flex;
     li{
         width:760px;
         height:95px;
         border:1px solid #f2f2f2;
         .m-a{
             width:70px;
             height:70px;
             float:left;
             margin-top:12px;
             img{
                 width:100%;
                 height:100%;
             }
         }
         .m-b{
             width:420px;
             height:85px;
             float:left;
             margin-left:10px;
             margin-top:5px;
         }
         .m-c{
             width:200px;
             height:30px;
             float: right;
             display:flex;
             margin-left:10px;
             margin-top:30px;
             input[type="button"]{
                 width:96px;
                 height:31px;
                 color:white;
                 background:#EC971F;
                 border-radius: 5px;
                 outline:none;
                 border:none;
                 margin-left:10px;
             }
         }
     }  
    }
}
